<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pm="http://primefaces.org/mobile" contentType="text/html"
	renderKitId="PRIMEFACES_MOBILE">

	<pm:page title="Components">

		<style>
.th-groups th {
	text-align: center;
	background-color: rgba(0, 0, 0, .1);
	border-right: 1px solid #fff;
}

.ui-li-custom .ui-li-count {
	right: 10px !important;
}

	


</style>


		<pm:view id="myfiles" >
			<pm:header title="Drop File">
                <f:facet  name="left"><p:button rendered="#{param['anonymous']}" value="Back" icon="back" onclick="PrimeFaces.back()" /></f:facet>
				
				<pm:navBar rendered="#{empty param['anonymous']}" >
					<p:button value="Send" icon="home" href="send-message.jsf?reverse=true" />
					<p:button value="My Files" icon="info" href="myfiles.jsf?reverse=true"
						styleClass="ui-btn-active ui-state-persist" />
					<p:button  value="Admin" icon="search" href="admin.jsf?reverse=true" />
				</pm:navBar>

			</pm:header>



			 <pm:content>			
			 	<h3 align="center">RECEIVED FILES</h3>
                    <p:separator>Divider</p:separator>    
			 	<p:dataList paginator="false" rows="10" value="#{tableBean.receivedFiles}" var="receivedFile"> 
			 	
                                         
                     <f:attribute name="filter" value="true" />
                    <f:attribute name="paginatorText" value="More Files.." />
                    <h:outputLink value="#lists" onclick="window.location.href='#{request.contextPath}/#{receivedFile.downloadUrl}'">                                                
                        <p:graphicImage value="/images/fileicon/#{receivedFile.type}.png" />
                        <h2>#{receivedFile.txId}</h2>                                                
                        <p><strong>#{receivedFile.fileName}</strong></p>   
                        <p class="ui-li-aside" >#{receivedFile.expiryDate}</p>
						                           
                    </h:outputLink>                
                </p:dataList>  
			
			
			</pm:content>


		</pm:view>


		


	</pm:page>

</f:view>
